<template>
  <div>
    <TypeNav/>
    <List/>
    <Recommend/>
    <Rank/>
    <Like/>
    <Floor v-for="floor in floorList" :key="floor.id" :floor="floor"/>
    <Brand/>
  </div>
</template>

<script>

import List from "@/pages/Home/components/List";
import Recommend from "@/pages/Home/components/Recommend";
import Rank from "@/pages/Home/components/Rank";
import Like from "@/pages/Home/components/Like";
import Floor from "@/pages/Home/components/Floor"
import Brand from "@/pages/Home/components/Brand"
import {reqGetFloorList} from "@/api";


export default {
  name:'Home',
  components:{List,Recommend,Rank,Like,Floor,Brand},
  data() {
    return {
      floorList: []
    }
  },
  mounted(){
    this.getFloorList()
  },
  methods:{
    async getFloorList(){
      // 获取banner的数据
      const result = await reqGetFloorList();
      this.floorList = result
    },
  },
}
</script>

<style scoped>

</style>